<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>小米Demo</title>
	<link rel="stylesheet" type="text/css" href="css/style.css">
	<script type="text/javascript" src="js/jquery-2.2.3.min.js"></script>
	<script type="text/javascript" src="js/script.js"></script>
</head>
<body>
	<!-- head -->
	<div class="head">
		<div class="head-box">
			<ul>
				<li><a href="#">小米商城</a></li>
				<li><a href="#">MIUI</a></li>
				<li><a href="#">米聊</a></li>
				<li><a href="#">游戏</a></li>
				<li><a href="#">多看阅读</a></li>
				<li><a href="#">云服务</a></li>
				<li><a href="#">金融</a></li>
				<li><a href="#">小米网移动版</a></li>
				<li><a href="#">问题反馈</a></li>
				<li><a class="head-box-lastli" href="#">Select Region</a></li>
			</ul>
			<div class="headbox-right">
				<a id="onload" href="">登录</a>
				<a id="zhuce" href="">注册</a>
				<span class="head-box-shopcar">购物车（0）</span>
			</div>
		</div>
	</div>
	<!-- nav-->
	<div class="nav">
		<img src="image/logo.png">
		<ul class="nav-list" id="nav-list">
			<li class="nav-list-li" id="nav-list-phone"><a href="#">小米手机</a></li>
			<li class="nav-list-li" id="nav-list-hongmi"><a href="#">红米</a></li>
			<li class="nav-list-li" id="nav-list-pingban"><a href="#">平板·笔记本</a></li>
			<li class="nav-list-li" id="nav-list-tv"><a href="#">电视</a></li>
			<li class="nav-list-li" id="nav-list-hezi"><a href="#">盒子·影音</a></li>
			<li class="nav-list-li" id="nav-list-luyou"><a href="#">路由器</a></li>
			<li class="nav-list-li" id="nav-list-zhineng"><a href="#">智能硬件</a></li>
			<div class="nav-second" id="nav-second">
				<!-- 小米手机 -->
				<ul class="nav-second-list" id="nav-second-phone">
					<li>
						<img src="image/maxxiaomi.jpg">
						<p>小米Max</p>
						<p class="price">1499元起</p>
					</li>
					<li class="lastli">
						<img src="image/mi5.jpg">
						<p>小米手机5</p>
						<p class="price">1799元起</p>
					</li>
				</ul>
				<!-- 红米 -->
				<ul class="nav-second-list" id="nav-second-hongmi">
					<li>
						<img src="image/hongmi1.jpg">
						<p>红米Pro</p>
						<p class="price">1499元起</p>
					</li>
					<li>
						<img src="image/hongmi2.jpg">
						<p>红米Note4</p>
						<p class="price">899元起</p>
					</li>
					<li>
						<img src="image/hongmi3.jpg">
						<p>红米Note3</p>
						<p class="price">899元起</p>
					</li>
					<li>
						<img src="image/hongmi4.jpg">
						<p>红米手机3S</p>
						<p class="price">699元起</p>
					</li>
					<li>
						<img src="image/hongmi5.jpg">
						<p>红米手机3</p>
						<p class="price">699元起</p>
					</li>
					<li  class="lastli">
						<img src="image/hongmi6.jpg">
						<p>红米手机3X</p>
						<p class="price">799元起</p>
					</li>
				</ul>
				<!-- 平板·笔记本 -->
				<ul class="nav-second-list" id="nav-second-pingban">
					<li>
						<img src="image/pingban1.jpg">
						<p>小米平板2 16GB</p>
						<p class="price">999元起</p>
					</li>
					<li>
						<img src="image/pingban2.jpg">
						<p>小米平板2 64GB</p>
						<p class="price">999元起</p>
					</li>
					<li>
						<img src="image/pingban3.jpg">
						<p>小米平板2 64GB windows版</p>
						<p class="price">1299元起</p>
					</li>
					<li>
						<img src="image/pingban4.jpg">
						<p>小米笔记本 Air 12.5</p>
						<p class="price">3499元起</p>
					</li>
					<li  class="lastli">
						<img src="image/pingban5.jpg">
						<p>小米笔记本 Air 13.3</p>
						<p class="price">4999元起</p>
					</li>

				</ul>
				<!-- 小米电视 -->
				<ul class="nav-second-list" id="nav-second-tv">
					<li>
						<img src="image/tv1.jpg">
						<p>小米电视3S 43英寸</p>
						<p class="price">1799元起</p>
					</li>
					<li>
						<img src="image/tv2.jpg">
						<p>小米电视3S 48英寸</p>
						<p class="price">1999元起</p>
					</li>
					<li>
						<img src="image/tv3.jpg">
						<p>小米电视3 55英寸</p>
						<p class="price">3999元起</p>
					</li>
					<li>
						<img src="image/tv4.jpg">
						<p>小米电视3 60英寸</p>
						<p class="price">4999元起</p>
					</li>
					<li>
						<img src="image/tv5.jpg">
						<p>小米电视3 65英寸 曲面</p>
						<p class="price">8999元起</p>
					</li>
					<li  class="lastli">
						<img src="image/tv6.jpg">
						<p>小米电视3 70英寸</p>
						<p class="price">9999元起</p>
					</li>
				</ul>
				<!-- 盒子 -->
				<ul class="nav-second-list" id="nav-second-hezi">
					<li>
						<img src="image/hezi4.jpg">
						<p>小米盒子3 增强版</p>
						<p class="price">399元</p>
					</li>
					<li>
						<img src="image/hezi3.jpg">
						<p>小米电视主机</p>
						<p class="price">999元</p>
					</li>
					<li>
						<img src="image/hezi5.jpg">
						<p>小米家庭音响 金属版</p>
						<p class="price">899元</p>
					</li>
					<li  class="lastli">
						<img src="image/hezi6.jpg">
						<p>小米家庭音响 标准版</p>
						<p class="price">699元</p>
					</li>
				</ul>
				<!-- 路由器 -->
				<ul class="nav-second-list" id="nav-second-luyou">
					<li>
						<img src="image/luyou1.jpg">
						<p>全新小米路由器</p>
						<p class="price">699元</p>
					</li>
					<li>
						<img src="image/luyou2.jpg">
						<p>小米路由器3</p>
						<p class="price">149元</p>
					</li>
					<li>
						<img src="image/luyou3.jpg">
						<p>小米路由器 mini</p>
						<p class="price">129元</p>
					</li>
					<li>
						<img src="image/luyou4.jpg">
						<p>小米路由器 3c</p>
						<p class="price">99元</p>
					</li>
					<li>
						<img src="image/luyou5.jpg">
						<p>小米路由器 青春版</p>
						<p class="price">69元</p>
					</li>
					<li  class="lastli">
						<img src="image/luyou6.jpg">
						<p>小米WIFI 放大器</p>
						<p class="price">39元</p>
					</li>
				</ul>
				<!-- 智能硬件 -->
				<ul class="nav-second-list" id="nav-second-zhineng">
					<li>
						<img src="image/zhineng1.jpg">
						<p>九号平衡车</p>
						<p class="price">1999元</p>
					</li>
					<li>
						<img src="image/zhineng2.jpg">
						<p>小米净水器</p>
						<p class="price">1299元</p>
					</li>
					<li>
						<img src="image/zhineng3.jpg">
						<p>米家压力IH电饭煲</p>
						<p class="price">999元</p>
					</li>
					<li>
						<img src="image/zhineng4.jpg">
						<p>小米空气净化器2</p>
						<p class="price">699元</p>
					</li>
					<li>
						<img src="image/zhineng5.jpg">
						<p>智能摄像机</p>
						<p class="price">149元</p>
					</li>
					<li  class="lastli">
						<img src="image/zhineng6.jpg">
						<p>查看全部</p>
						<p>只能硬件</p>
					</li>
				</ul>
			</div>

		</ul>
		<ul class="nav-list1">
			<li><a href="#">服务</a></li>
			<li><a href="#">社区</a></li>
		</ul>
		<label class="nav-btn">
			<input class="nav-text" type="text">
			<input class="search" type="button">
		</label>
	</div>
	<!-- nav二级导航 -->
	
	<!-- 主体1 -->
	<div class="main1">
		<div class="pic-wrap">
			<div class="pic-li">
				<img src="image/lunbo1.jpeg" alt="图片1">
				<img src="image/lunbo2.jpeg" alt="图片2">
				<img src="image/lunbo3.jpeg" alt="图片3">
				<img src="image/lunbo4.jpeg" alt="图片4">
				<img src="image/lunbo5.jpeg" alt="图片5">
			</div>
			<ul class="smallbtn">
				<li class="bg-on"></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
			</ul>
		</div>
		<div class="main1-nav">
			<ul class="main1-nav-ul">
				<!-- 手机电话卡 -->
				<li>手机 电话卡<span>&gt</span>
					<ul class="main1-nav-list">
						<li><img src="image/shouji1.jpg" alt="">小米手机5<span>选购</span></li>
						<li><img src="image/shouji7.jpg" alt="">红米3<span>选购</span></li>
						<li><img src="image/shouji2.jpg" alt="">小米Max<span>选购</span></li>
						<li><img src="image/shouji8.jpg" alt="">红米3X<span>选购</span></li>
						<li><img src="image/shouji3.jpg" alt="">红米Note4<span>选购</span></li>
						<li><img src="image/shouji9.jpg" alt="">合约机</li>
						<li><img src="image/shouji4.jpg" alt="">红米Note3<span>选购</span></li>
						<li><img src="image/shouji10.jpg" alt="">对比手机</li>
						<li><img src="image/shouji5.jpg" alt="">红米手机3S<span>选购</span></li>
						<li><img src="image/shouji11.jpg" alt="">小米移动 电话卡</li>
						<li><img src="image/shouji6.jpg" alt="">红米Pro<span>选购</span></li>
					</ul>
				</li>
				<!-- 笔记本平板 -->
				<li>笔记本 平板<span>&gt</span>
					<ul class="main1-nav-list ">
						<li><img src="image/shouji1.jpg" alt="">小米笔记本Air<span>选购</span></li>
						<li><img src="image/shouji7.jpg" alt="">小米平板2<span>选购</span></li>
						<li><img src="image/shouji2.jpg" alt="">USB-C转接器<span>选购</span></li>
						<li><img src="image/shouji8.jpg" alt="">小米笔记本内胆包<span>选购</span></li>
					</ul>
				</li>
				<!-- 小米电视 -->
				<li>电视 盒子<span>&gt</span>
					<ul class="main1-nav-list">
						<li><img src="image/shouji1.jpg" alt="">小米电视 43英寸<span>选购</span></li>
						<li><img src="image/shouji7.jpg" alt="">小米电视 47英寸<span>选购</span></li>
						<li><img src="image/shouji2.jpg" alt="">小米电视 48英寸<span>选购</span></li>
						<li><img src="image/shouji8.jpg" alt="">小米电视 55英寸<span>选购</span></li>
						<li><img src="image/shouji1.jpg" alt="">小米电视 60英寸<span>选购</span></li>
						<li><img src="image/shouji7.jpg" alt="">小米电视 65英寸<span>选购</span></li>
						<li><img src="image/shouji2.jpg" alt="">小米电视 70英寸<span>选购</span></li>
						<li><img src="image/shouji8.jpg" alt="">小米电视 主机<span>选购</span></li>
						<li><img src="image/shouji1.jpg" alt="">小米盒子3<span>选购</span></li>
						<li><img src="image/shouji7.jpg" alt="">小米盒子3 mini<span>选购</span></li>
						<li><img src="image/shouji2.jpg" alt="">小米盒子3 增强版<span>选购</span></li>
						<li><img src="image/shouji8.jpg" alt="">小米低音炮<span>选购</span></li>
					</ul>
				</li>
				<!-- 小米路由器 -->
				<li>路由器 智能硬件<span>&gt</span>
					<ul class="main1-nav-list">
						<li><img src="image/shouji1.jpg" alt="">小米电视 43英寸<span>选购</span></li>
						<li><img src="image/shouji7.jpg" alt="">小米电视 47英寸<span>选购</span></li>
						<li><img src="image/shouji2.jpg" alt="">小米电视 48英寸<span>选购</span></li>
						<li><img src="image/shouji2.jpg" alt="">小米电视 70英寸<span>选购</span></li>
						<li><img src="image/shouji8.jpg" alt="">小米电视 主机<span>选购</span></li>
						<li><img src="image/shouji1.jpg" alt="">小米盒子3<span>选购</span></li>
						<li><img src="image/shouji7.jpg" alt="">小米盒子3 mini<span>选购</span></li>
						<li><img src="image/shouji2.jpg" alt="">小米盒子3 增强版<span>选购</span></li>
						<li><img src="image/shouji8.jpg" alt="">小米低音炮<span>选购</span></li>
					</ul>
				</li>
				<!-- 移动电源 -->
				<li>移动电源 电池 插线板<span>&gt</span>
					<ul class="main1-nav-list">
						<li><img src="image/shouji1.jpg" alt="">小米电视 43英寸<span>选购</span></li>
						<li><img src="image/shouji7.jpg" alt="">小米电视 47英寸<span>选购</span></li>
						<li><img src="image/shouji2.jpg" alt="">小米电视 48英寸<span>选购</span></li>
						<li><img src="image/shouji8.jpg" alt="">小米电视 55英寸<span>选购</span></li>
						<li><img src="image/shouji1.jpg" alt="">小米电视 60英寸<span>选购</span></li>
						<li><img src="image/shouji7.jpg" alt="">小米电视 65英寸<span>选购</span></li>
					</ul>
				</li>
				<!-- 耳机 -->
				<li>耳机 音响<span>&gt</span>
					<ul class="main1-nav-list">
						<li><img src="image/shouji1.jpg" alt="">小米电视 43英寸<span>选购</span></li>
						<li><img src="image/shouji7.jpg" alt="">小米电视 47英寸<span>选购</span></li>
						<li><img src="image/shouji2.jpg" alt="">小米电视 48英寸<span>选购</span></li>
						<li><img src="image/shouji8.jpg" alt="">小米电视 55英寸<span>选购</span></li>
						<li><img src="image/shouji1.jpg" alt="">小米电视 60英寸<span>选购</span></li>
						<li><img src="image/shouji7.jpg" alt="">小米电视 65英寸<span>选购</span></li>
						<li><img src="image/shouji2.jpg" alt="">小米电视 70英寸<span>选购</span></li>
					</ul>
				</li>
				<!-- 保护套 -->
				<li>保护套 贴膜<span>&gt</span>
					<ul class="main1-nav-list">
						<li><img src="image/shouji1.jpg" alt="">小米电视 43英寸<span>选购</span></li>
						<li><img src="image/shouji7.jpg" alt="">小米电视 47英寸<span>选购</span></li>
						<li><img src="image/shouji2.jpg" alt="">小米电视 48英寸<span>选购</span></li>
						<li><img src="image/shouji8.jpg" alt="">小米电视 55英寸<span>选购</span></li>
						<li><img src="image/shouji1.jpg" alt="">小米电视 60英寸<span>选购</span></li>
						<li><img src="image/shouji7.jpg" alt="">小米电视 65英寸<span>选购</span></li>
						<li><img src="image/shouji2.jpg" alt="">小米电视 70英寸<span>选购</span></li>
					</ul>
				</li>
				<!-- 线材 -->
				<li>线材 支架 存储卡<span>&gt</span>
					<ul class="main1-nav-list">
						<li><img src="image/shouji1.jpg" alt="">小米电视 43英寸<span>选购</span></li>
						<li><img src="image/shouji7.jpg" alt="">小米电视 47英寸<span>选购</span></li>
						<li><img src="image/shouji2.jpg" alt="">小米电视 48英寸<span>选购</span></li>
						<li><img src="image/shouji8.jpg" alt="">小米电视 55英寸<span>选购</span></li>
						<li><img src="image/shouji1.jpg" alt="">小米电视 60英寸<span>选购</span></li>
						<li><img src="image/shouji7.jpg" alt="">小米电视 65英寸<span>选购</span></li>
						<li><img src="image/shouji2.jpg" alt="">小米电视 70英寸<span>选购</span></li>
					</ul>
				</li>
				<!-- 箱包 -->
				<li>箱包 服饰<span>&gt</span>
					<ul class="main1-nav-list">
						<li><img src="image/shouji1.jpg" alt="">小米电视 43英寸<span>选购</span></li>
						<li><img src="image/shouji7.jpg" alt="">小米电视 47英寸<span>选购</span></li>
						<li><img src="image/shouji2.jpg" alt="">小米电视 48英寸<span>选购</span></li>
						<li><img src="image/shouji7.jpg" alt="">小米电视 65英寸<span>选购</span></li>
						<li><img src="image/shouji2.jpg" alt="">小米电视 70英寸<span>选购</span></li>
						<li><img src="image/shouji8.jpg" alt="">小米电视 主机<span>选购</span></li>
						<li><img src="image/shouji1.jpg" alt="">小米盒子3<span>选购</span></li>
						<li><img src="image/shouji7.jpg" alt="">小米盒子3 mini<span>选购</span></li>
						<li><img src="image/shouji2.jpg" alt="">小米盒子3 增强版<span>选购</span></li>
						<li><img src="image/shouji8.jpg" alt="">小米低音炮<span>选购</span></li>
					</ul>
				</li>
				<!-- 米兔生活 -->
				<li>米兔 生活周边<span>&gt</span>
					<ul class="main1-nav-list">
						<li><img src="image/shouji1.jpg" alt="">小米电视 43英寸<span>选购</span></li>
						<li><img src="image/shouji7.jpg" alt="">小米电视 47英寸<span>选购</span></li>
						<li><img src="image/shouji2.jpg" alt="">小米电视 48英寸<span>选购</span></li>
						<li><img src="image/shouji8.jpg" alt="">小米电视 55英寸<span>选购</span></li>
						<li><img src="image/shouji1.jpg" alt="">小米电视 60英寸<span>选购</span></li>
						<li><img src="image/shouji1.jpg" alt="">小米盒子3<span>选购</span></li>
						<li><img src="image/shouji7.jpg" alt="">小米盒子3 mini<span>选购</span></li>
						<li><img src="image/shouji2.jpg" alt="">小米盒子3 增强版<span>选购</span></li>
						<li><img src="image/shouji8.jpg" alt="">小米低音炮<span>选购</span></li>
					</ul>
				</li>
			</ul>
		</div>
	</div>
	<div class="picList">
		<ul>
			<li class="listicon">
				<ul>
					<li><a href="#">选购手机</a></li>
					<li><a href="#">企业团购</a></li>
					<li><a href="#">官翻产品</a></li>
					<li><a href="#">小米移动</a></li>
					<li><a href="#">以旧换新</a></li>
					<li><a href="#">话费充值</a></li>
				</ul>
			</li>
			<li><a href="#"><img src="image/listicon1.jpeg" alt=""></a></li>
			<li><a href="#"><img src="image/listicon2.jpeg" alt=""></a></li>
			<li><a href="#"><img src="image/listicon3.jpeg" alt=""></a></li>
		</ul>
	</div>

	<!-- main2 主体2部分-->
	<div class="main2">
	<!-- 明星单品 -->
		<div class="main2-head">
			<h2>小米明星单品</h2>
			<div class="span-btn">
				<span id="spanleft" class="">&lt</span>
				<span id="spanright">&gt</span>
			</div>
		</div>
		<div id="main2-wrap" style="left:0px">
			<div class="main2-box border1">
				<img src="image/star1.jpeg">
				<p>小米手机5 高配版</p>
				<p class="tuijian-box-t">3GB内存＋64GB容量，玻璃版</p>
				<span>2099元</span>
			</div>
			<div class="main2-box border2">
				<img src="image/star2.png">
				<p>小米Max 高配版</p>
				<p class="tuijian-box-t">6.44英寸大屏，3GB内存+64GB容量</p>
				<span>1699元</span>
			</div>
			<div class="main2-box border3">
				<img src="image/star3.png">
				<p>红米手机3S</p>
				<p class="tuijian-box-t">金属机身，指纹识别，超长待机</p>
				<span>699元</span>
			</div>
			<div class="main2-box border4">
				<img src="image/star4.jpeg">
				<p>小米笔记本</p>
				<p class="tuijian-box-t">独立显卡、超轻薄、金属机身</p>
				<span>3499元</span>
			</div>
			<div class="main2-box border5">
				<img src="image/star5.png">
				<p>小米平板2 16GB现货</p>
				<p class="tuijian-box-t">轻薄全金属，海量内容</p>
				<span>999元</span>
			</div>
			<div class="main2-box border1">
				<img src="image/star6.png">
				<p>小米电视3S 48英寸</p>
				<p class="tuijian-box-t">原装液晶屏，金属机身</p>
				<span>1999元</span>
			</div>
			<div class="main2-box border2">
				<img src="image/star7.jpg">
				<p>小米盒子3 增强版</p>
				<p class="tuijian-box-t">高端 4K 网络机顶盒</p>
				<span>399元</span>
			</div>
			<div class="main2-box border3">
				<img src="image/star8.png">
				<p>小米手环 2</p>
				<p class="tuijian-box-t">每天早10点开售</p>
				<span>1499元</span>
			</div>
			<div class="main2-box border4">
				<img src="image/star9.jpeg">
				<p>米家 LED 智能台灯</p>
				<p class="tuijian-box-t">无可视频闪，亮度色温无级调节</p>
				<span>169元</span>
			</div>
			<div class="main2-box border5">
				<img src="image/star10.jpg">
				<p>小米空气净化器2</p>
				<p class="tuijian-box-t">10分钟，房间空气焕然一新</p>
				<span>699元</span>
			</div>
		</div>	
	</div>
	<!-- 主题内容三  智能硬件 -->
	<div class="main3">
		<div class="main3-content">
			<div class="zhineng-head">
				<h2>智能硬件</h2>
				<a class="lookmore" href="#">查看全部<span>&gt</span></a>
			</div>
			<div class="main3-tabcard">
				<div class="main3-tabcard-left">
					<img src="image/main3left.jpeg">
				</div>
				<ul class="main3-tabcard-right">
					<li class="lim">
						<span class="tabcard-tit-you">免邮费</span>
						<img src="image/main31.jpg">
						<h3>小米路由器3</h3>
						<p>四天线设计，更安全更稳定</p>
						<p class="price">149元</p>
					</li>
					<li class="lim">
						<span class="tabcard-tit-new">新品</span>
						<img src="image/main32.jpeg">
						<h3>小米路由器3</h3>
						<p>四天线设计，更安全更稳定</p>
						<p class="price">149元</p>
					</li>
					<li class="lim">
						<span class="tabcard-tit-new">新品</span>
						<img src="image/main33.jpeg">
						<h3>小米路由器3</h3>
						<p>四天线设计，更安全更稳定</p>
						<p class="price">149元</p>
					</li>
					<li class="lim">
						<img src="image/main34.jpg">
						<h3>小米路由器3</h3>
						<p>四天线设计，更安全更稳定</p>
						<p class="price">149元</p>
					</li>
					<li>
						<span class="tabcard-tit-song">有赠品</span>
						<img src="image/main35.jpg">
						<h3>小米路由器3</h3>
						<p>四天线设计，更安全更稳定</p>
						<p class="price">149元</p>
					</li>
					<li>
						<img src="image/main36.jpg">
						<h3>小米路由器3</h3>
						<p>四天线设计，更安全更稳定</p>
						<p class="price">149元</p>
					</li>
					<li>
						<span class="tabcard-tit-zhe">享9折</span>
						<img src="image/main37.jpg">
						<h3>小米路由器3</h3>
						<p>四天线设计，更安全更稳定</p>
						<p class="price">149元</p>
					</li>
					<li>
						<img src="image/main38.jpg">
						<h3>小米路由器3</h3>
						<p>四天线设计，更安全更稳定</p>
						<p class="price">149元</p>
					</li>
				</ul>
			</div>
		</div>		
	<!-- 搭配	 -->
		<div class="dapei">
			<div class="dapei-head">
				<h2>搭配</h2>
				<ul class="dapei-head-list">
					<li class="dapei-lion">热门</li>
					<li>耳机音箱</li>
					<li>电源</li>
					<li>电池储存卡</li>
				</ul>
			</div>
			<div class="dapei-content">
				<div class="dapei-content-left">
					<img src="image/dapeil1.jpeg" alt="">
					<img src="image/dapeil2.jpeg" alt="">
				</div>
				<div class="dapei-content-right">
					<div class="dapei-cont-box">
				<!-- 热门 -->
						<ul class="main3-tabcard-right dapei-tab">
							<li class="lim">
								<span class="tabcard-tit-you">免邮费</span>
								<img src="image/remen1.jpg">
								<h3>小米移动电源10000mAh</h3>
								<p class="price">149元</p>
								<p class="pingjia">19.3万人评价</p>
								<div class="right-box-up">
									<p>小米官方的电源没得说，特别是现在新改版的电源大小合适...</p>
									<p class="up-name">来自于 虾米吃咪咪 的评价</p>
								</div>	
							</li>
							<li class="lim">
								<img src="image/remen2.jpg">
								<h3>小米活塞耳机 基础版</h3>
								<p class="price">29元</p>
								<p class="pingjia">5.8万人评价</p>
								<div class="right-box-up">
									<p>价钱优惠，音质好，值得推荐</p>
									<p class="up-name">来自于 10666723473 的评价</p>
								</div>	
							</li>
							<li class="lim">
								<span class="tabcard-tit-new">新品</span>
								<img src="image/remen3.jpg">
								<h3>小米圈铁耳机</h3>
								<p class="price">99元</p>
								<p class="pingjia">1.5万人评价</p>
								<div class="right-box-up">
									<p>一上手就试试，音质还不错，煲机后音质更佳</p>
									<p class="up-name">来自于 张杰齐 的评价</p>
								</div>	
							</li>
							<li class="lim">
								<img src="image/remen4.jpg">
								<h3>小米移动电源10000mAh 高配版</h3>
								<p class="price">149元</p>
								<p class="pingjia">2.1万人评价</p>
								<div class="right-box-up">
									<p>手感超舒服，有usb-c输入充电孔，以后不用到处换插头了</p>
									<p class="up-name">来自于 虾米吃咪咪 的评价</p>
								</div>	
							</li>
							<li>
								<span class="tabcard-tit-song">有赠品</span>
								<img src="image/remen5.jpg">
								<h3>小米插线板</h3>
								<p class="price">49元</p>
								<p class="pingjia">24.3万人评价</p>
								<div class="right-box-up">
									<p>里面的做工也就是看看工程图介绍，没打开看过，应该...</p>
									<p class="up-name">来自于 虾米吃咪咪 的评价</p>
								</div>	
							</li>
							<li>
								<img src="image/remen6.jpg">
								<h3>小米蓝牙耳机</h3>
								<p class="price">79元</p>
								<p class="pingjia">9万人评价</p>
								<div class="right-box-up">
									<p>1.非常好用，戴起来很舒服 2.音质不错，比某些大品牌还要好...</p>
									<p class="up-name">来自于 虾米吃咪咪 的评价</p>
								</div>	
							</li>
							<li>
								<span class="tabcard-tit-you">免邮费</span>
								<img src="image/remen7.jpg">
								<h3>小米小钢炮蓝牙音箱2</h3>
								<p class="price">129元</p>
								<p class="pingjia">1.3万人评价</p>
								<div class="right-box-up">
									<p>小米官方的电源没得说，特别是现在新改版的电源大小合适...</p>
									<p class="up-name">来自于 虾米吃咪咪 的评价</p>
								</div>	
							</li>
							<li class="last-more"> 
								<img src="image/remen8.jpg">
								<h3>小米小钢炮...</h3>
								<p class="more-price">99元</p>
							</li>
							<li class="last-more"> 
								<img src="image/lookmore.png">
								<h3 class="lookmore">浏览更多</h3>
								<p class="more-tit">热门</p>
							</li>
						</ul>
						<!-- 耳机音箱 -->
						<ul class="main3-tabcard-right dapei-tab">
							<li class="lim">
								<span class="tabcard-tit-song">有赠品</span>
								<img src="image/erji1.jpg">
								<h3>小米移动电源</h3>
								<p class="price">149元</p>
								<p class="pingjia">19.3万人评价</p>
								<div class="right-box-up">
									<p>小米官方的电源没得说，特别是现在新改版的电源大小合适...</p>
									<p class="up-name">来自于 虾米吃咪咪 的评价</p>
								</div>	
							</li>
							<li class="lim">
								<span class="tabcard-tit-new">新品</span>
								<img src="image/erji2.jpg">
								<h3>小米活塞耳机 基础版</h3>
								<p class="price">29元</p>
								<p class="pingjia">5.8万人评价</p>
								<div class="right-box-up">
									<p>价钱优惠，音质好，值得推荐</p>
									<p class="up-name">来自于 10666723473 的评价</p>
								</div>	
							</li>
							<li class="lim">
								<img src="image/erji3.jpg">
								<h3>小米圈铁耳机</h3>
								<p class="price">99元</p>
								<p class="pingjia">1.5万人评价</p>
								<div class="right-box-up">
									<p>一上手就试试，音质还不错，煲机后音质更佳</p>
									<p class="up-name">来自于 张杰齐 的评价</p>
								</div>	
							</li>
							<li class="lim">
								<img src="image/erji4.jpg">
								<h3>小米移动电源10000mAh 高配版</h3>
								<p class="price">149元</p>
								<p class="pingjia">2.1万人评价</p>
								<div class="right-box-up">
									<p>手感超舒服，有usb-c输入充电孔，以后不用到处换插头了</p>
									<p class="up-name">来自于 虾米吃咪咪 的评价</p>
								</div>	
							</li>
							<li>
								<img src="image/erji5.jpg">
								<h3>小米插线板</h3>
								<p class="price">49元</p>
								<p class="pingjia">24.3万人评价</p>
								<div class="right-box-up">
									<p>里面的做工也就是看看工程图介绍，没打开看过，应该...</p>
									<p class="up-name">来自于 虾米吃咪咪 的评价</p>
								</div>	
							</li>
							<li>
								<img src="image/erji6.jpg">
								<h3>小米蓝牙耳机</h3>
								<p class="price">79元</p>
								<p class="pingjia">9万人评价</p>
								<div class="right-box-up">
									<p>1.非常好用，戴起来很舒服 2.音质不错，比某些大品牌还要好...</p>
									<p class="up-name">来自于 虾米吃咪咪 的评价</p>
								</div>	
							</li>
							<li>
								<img src="image/erji7.jpg">
								<h3>小米小钢炮蓝牙音箱2</h3>
								<p class="price">129元</p>
								<p class="pingjia">1.3万人评价</p>
								<div class="right-box-up">
									<p>小米官方的电源没得说，特别是现在新改版的电源大小合适...</p>
									<p class="up-name">来自于 虾米吃咪咪 的评价</p>
								</div>	
							</li>
							<li class="last-more"> 
								<img src="image/erji8.jpg">
								<h3>小米小钢炮...</h3>
								<p class="more-price">99元</p>
							</li>
							<li class="last-more"> 
								<img src="image/lookmore.png">
								<h3 class="lookmore">浏览更多</h3>
								<p class="more-tit">耳机音箱</p>
							</li>
						</ul>
					<!-- 电源 -->
						<ul class="main3-tabcard-right dapei-tab">
							<li class="lim">
								<span class="tabcard-tit-new">新品</span>
								<img src="image/dianyuan1.jpg">
								<h3>小米移动电源10000mAh</h3>
								<p class="price">149元</p>
								<p class="pingjia">19.3万人评价</p>
								<div class="right-box-up">
									<p>小米官方的电源没得说，特别是现在新改版的电源大小合适...</p>
									<p class="up-name">来自于 虾米吃咪咪 的评价</p>
								</div>	
							</li>
							<li class="lim">
								<img src="image/dianyuan2.jpg">
								<h3>小米活塞耳机 基础版</h3>
								<p class="price">29元</p>
								<p class="pingjia">5.8万人评价</p>
								<div class="right-box-up">
									<p>价钱优惠，音质好，值得推荐</p>
									<p class="up-name">来自于 10666723473 的评价</p>
								</div>	
							</li>
							<li class="lim">
								<span class="tabcard-tit-zhe">享9折</span>
								<img src="image/dianyuan3.jpg">
								<h3>小米圈铁耳机</h3>
								<p class="price">99元</p>
								<p class="pingjia">1.5万人评价</p>
								<div class="right-box-up">
									<p>一上手就试试，音质还不错，煲机后音质更佳</p>
									<p class="up-name">来自于 张杰齐 的评价</p>
								</div>	
							</li>
							<li class="lim">
								<img src="image/dianyuan4.jpg">
								<h3>小米移动电源10000mAh 高配版</h3>
								<p class="price">149元</p>
								<p class="pingjia">2.1万人评价</p>
								<div class="right-box-up">
									<p>手感超舒服，有usb-c输入充电孔，以后不用到处换插头了</p>
									<p class="up-name">来自于 虾米吃咪咪 的评价</p>
								</div>	
							</li>
							<li>
								<img src="image/dianyuan5.jpg">
								<h3>小米插线板</h3>
								<p class="price">49元</p>
								<p class="pingjia">24.3万人评价</p>
								<div class="right-box-up">
									<p>里面的做工也就是看看工程图介绍，没打开看过，应该...</p>
									<p class="up-name">来自于 虾米吃咪咪 的评价</p>
								</div>	
							</li>
							<li>
								<img src="image/dianyuan6.jpg">
								<h3>小米蓝牙耳机</h3>
								<p class="price">79元</p>
								<p class="pingjia">9万人评价</p>
								<div class="right-box-up">
									<p>1.非常好用，戴起来很舒服 2.音质不错，比某些大品牌还要好...</p>
									<p class="up-name">来自于 虾米吃咪咪 的评价</p>
								</div>	
							</li>
							<li>
								<img src="image/dianyuan7.jpg">
								<h3>小米小钢炮蓝牙音箱2</h3>
								<p class="price">129元</p>
								<p class="pingjia">1.3万人评价</p>
								<div class="right-box-up">
									<p>小米官方的电源没得说，特别是现在新改版的电源大小合适...</p>
									<p class="up-name">来自于 虾米吃咪咪 的评价</p>
								</div>	
							</li>
							<li class="last-more"> 
								<img src="image/dianyuan8.jpg">
								<h3>小米插线板...</h3>
								<p class="more-price">39元</p>
							</li>
							<li class="last-more"> 
								<img src="image/lookmore.png">
								<h3 class="lookmore">浏览更多</h3>
								<p class="more-tit">电源</p>
							</li>
						</ul>
					<!-- 电池储存卡 -->
						<ul class="main3-tabcard-right dapei-tab">
							<li class="lim">
								<span class="tabcard-tit-zhe">享9折</span>
								<img src="image/cunchu1.jpg">
								<h3>小米移动电源10000mAh</h3>
								<p class="price">149元</p>
								<p class="pingjia">19.3万人评价</p>
								<div class="right-box-up">
									<p>小米官方的电源没得说，特别是现在新改版的电源大小合适...</p>
									<p class="up-name">来自于 虾米吃咪咪 的评价</p>
								</div>	
							</li>
							<li class="lim">
								<span class="tabcard-tit-new">新品</span>
								<img src="image/cunchu2.jpg">
								<h3>小米活塞耳机 基础版</h3>
								<p class="price">29元</p>
								<p class="pingjia">5.8万人评价</p>
								<div class="right-box-up">
									<p>价钱优惠，音质好，值得推荐</p>
									<p class="up-name">来自于 10666723473 的评价</p>
								</div>	
							</li>
							<li class="lim">
								<img src="image/cunchu3.jpg">
								<h3>小米圈铁耳机</h3>
								<p class="price">99元</p>
								<p class="pingjia">1.5万人评价</p>
								<div class="right-box-up">
									<p>一上手就试试，音质还不错，煲机后音质更佳</p>
									<p class="up-name">来自于 张杰齐 的评价</p>
								</div>	
							</li>
							<li class="lim">
								<span class="tabcard-tit-you">免邮费</span>
								<img src="image/cunchu4.jpg">
								<h3>小米移动电源10000mAh 高配版</h3>
								<p class="price">149元</p>
								<p class="pingjia">2.1万人评价</p>
								<div class="right-box-up">
									<p>手感超舒服，有usb-c输入充电孔，以后不用到处换插头了</p>
									<p class="up-name">来自于 虾米吃咪咪 的评价</p>
								</div>	
							</li>
							<li>
								<img src="image/cunchu5.jpg">
								<h3>小米插线板</h3>
								<p class="price">49元</p>
								<p class="pingjia">24.3万人评价</p>
								<div class="right-box-up">
									<p>里面的做工也就是看看工程图介绍，没打开看过，应该...</p>
									<p class="up-name">来自于 虾米吃咪咪 的评价</p>
								</div>	
							</li>
							<li>
								<img src="image/cunchu6.jpg">
								<h3>小米蓝牙耳机</h3>
								<p class="price">79元</p>
								<p class="pingjia">9万人评价</p>
								<div class="right-box-up">
									<p>1.非常好用，戴起来很舒服 2.音质不错，比某些大品牌还要好...</p>
									<p class="up-name">来自于 虾米吃咪咪 的评价</p>
								</div>	
							</li>
							<li>
								<span class="tabcard-tit-song">有赠品</span>
								<img src="image/cunchu7.jpg">
								<h3>小米小钢炮蓝牙音箱2</h3>
								<p class="price">129元</p>
								<p class="pingjia">1.3万人评价</p>
								<div class="right-box-up">
									<p>小米官方的电源没得说，特别是现在新改版的电源大小合适...</p>
									<p class="up-name">来自于 虾米吃咪咪 的评价</p>
								</div>	
							</li>
							<li class="last-more"> 
								<img src="image/cunchu8.jpg">
								<h3>红米2/红米2...</h3>
								<p class="more-price">69元</p>
							</li>
							<li class="last-more"> 
								<img src="image/lookmore.png">
								<h3 class="lookmore">浏览更多</h3>
								<p class="more-tit">电池存储卡</p>
							</li>
						</ul>

					</div>
				</div>
			</div>
		</div>
		<!-- 为你推荐 -->
		<div class="main-tuijian">
		<!-- 明星单品 -->
			<div class="tuijian-head">
				<h2>为你推荐</h2>
				<div class="span-btn">
					<span class="spanleft">&lt</span>
					<span class="spanright">&gt</span>
				</div>
			</div>
			<div class="tuijian-wrap">
				<div class="tuijian-box">
					<img src="image/tuijian1.jpg">
					<p>小米手机5 高配版</p>
					<p class="tuijian-box-t">3GB内存＋64GB容量，玻璃版</p>
					<span>2099元</span>
				</div>
				<div class="tuijian-box ">
					<img src="image/tuijian2.jpg">
					<p>小米Max 高配版</p>
					<p class="tuijian-box-t">6.44英寸大屏，3GB内存+64GB容量</p>
					<span>1699元</span>
				</div>
				<div class="tuijian-box">
					<img src="image/tuijian3.jpg">
					<p>红米手机3S</p>
					<p class="tuijian-box-t">金属机身，指纹识别，超长待机</p>
					<span>699元</span>
				</div>
				<div class="tuijian-box ">
					<img src="image/tuijian4.jpg">
					<p>小米笔记本</p>
					<p class="tuijian-box-t">独立显卡、超轻薄、金属机身</p>
					<span>3499元</span>
				</div>
				<div class="tuijian-box ">
					<img src="image/tuijian5.jpg">
					<p>小米平板2 16GB现货</p>
					<p class="tuijian-box-t">轻薄全金属，海量内容</p>
					<span>999元</span>
				</div>
				<div class="tuijian-box ">
					<img src="image/tuijian6.jpg">
					<p>小米电视3S 48英寸</p>
					<p class="tuijian-box-t">原装液晶屏，金属机身</p>
					<span>1999元</span>
				</div>
				<div class="tuijian-box">
					<img src="image/tuijian7.jpg">
					<p>小米盒子3 增强版</p>
					<p class="tuijian-box-t">高端 4K 网络机顶盒</p>
					<span>399元</span>
				</div>
				<div class="tuijian-box">
					<img src="image/tuijian8.jpg">
					<p>小米手环 2</p>
					<p class="tuijian-box-t">每天早10点开售</p>
					<span>1499元</span>
				</div>
				<div class="tuijian-box">
					<img src="image/tuijian9.jpg">
					<p>米家 LED 智能台灯</p>
					<p class="tuijian-box-t">无可视频闪，亮度色温无级调节</p>
					<span>169元</span>
				</div>
				<div class="tuijian-box">
					<img src="image/tuijian10.jpg">
					<p>小米空气净化器2</p>
					<p class="tuijian-box-t">10分钟，房间空气焕然一新</p>
					<span>699元</span>
				</div>
				<div class="tuijian-box">
					<img src="image/tuijian11.jpg">
					<p>小米手机5 高配版</p>
					<p class="tuijian-box-t">3GB内存＋64GB容量，玻璃版</p>
					<span>2099元</span>
				</div>
				<div class="tuijian-box ">
					<img src="image/tuijian12.jpg">
					<p>小米Max 高配版</p>
					<p class="tuijian-box-t">6.44英寸大屏，3GB内存+64GB容量</p>
					<span>1699元</span>
				</div>
				<div class="tuijian-box">
					<img src="image/tuijian13.jpg">
					<p>红米手机3S</p>
					<p class="tuijian-box-t">金属机身，指纹识别，超长待机</p>
					<span>699元</span>
				</div>
				<div class="tuijian-box ">
					<img src="image/tuijian14.jpg">
					<p>小米笔记本</p>
					<p class="tuijian-box-t">独立显卡、超轻薄、金属机身</p>
					<span>3499元</span>
				</div>
				<div class="tuijian-box ">
					<img src="image/tuijian15.jpg">
					<p>小米平板2 16GB现货</p>
					<p class="tuijian-box-t">轻薄全金属，海量内容</p>
					<span>999元</span>
				</div>
				<div class="tuijian-box ">
					<img src="image/tuijian16.jpg">
					<p>小米电视3S 48英寸</p>
					<p class="tuijian-box-t">原装液晶屏，金属机身</p>
					<span>1999元</span>
				</div>
				<div class="tuijian-box">
					<img src="image/tuijian17.jpg">
					<p>小米盒子3 增强版</p>
					<p class="tuijian-box-t">高端 4K 网络机顶盒</p>
					<span>399元</span>
				</div>
				<div class="tuijian-box">
					<img src="image/tuijian18.jpg">
					<p>小米手环 2</p>
					<p class="tuijian-box-t">每天早10点开售</p>
					<span>1499元</span>
				</div>
				<div class="tuijian-box">
					<img src="image/tuijian19.jpg">
					<p>米家 LED 智能台灯</p>
					<p class="tuijian-box-t">无可视频闪，亮度色温无级调节</p>
					<span>169元</span>
				</div>
				<div class="tuijian-box">
					<img src="image/tuijian20.jpg">
					<p>小米空气净化器2</p>
					<p class="tuijian-box-t">10分钟，房间空气焕然一新</p>
					<span>699元</span>
				</div>
			</div>	
		</div>
		<!-- 热评产品 -->
		<div class="main-reping">
			<h2>热评产品</h2>
			<div class="reping-content">
				<div class="reping-box">
					<img src="image/reping1.jpeg">
					<a href="#">超级喜欢！小巧玲珑！音质完美！不知道为什么！只要是小米出的东西我都喜欢！那倒是因为那一句？？小米为发...</a>
					<div class="reping-t">
						<p class="reping-t-pingjia">来自于 甜蜜  的评价</p>
						<a href="#">小米随身蓝牙音箱</a><span class="reping-t-price">59元</span>
					</div>
				</div>
				<div class="reping-box">
					<img src="image/reping2.jpeg">
					<a href="#">漂亮，轮子和拉杆都很不错，总的来说非常值得买</a>
					<div class="reping-t">
						<p class="reping-t-pingjia">来自于 豆筋子 的评价</p>
						<a href="#">90分旅行箱 20寸</a> <span class="reping-t-price">299元</span>
					</div>
				</div>
				<div class="reping-box">
					<img src="image/reping3.jpeg">
					<a href="#">包装很让人感动，式样也很可爱，做出的饭全家人都爱吃，超爱五星！手机控制还是不太熟练，最主要是没有连接...</a>
					<div class="reping-t">
						<p class="reping-t-pingjia">来自于 HZG 的评价</p>
						<a href="#">米家压力IH电饭煲 </a><span class="reping-t-price">999元</span>
					</div>
				</div>
				<div class="reping-box marginnone">
					<img src="image/reping4.jpeg">
					<a href="#">洁净渴能白净水，净水喝的放心，超高性价比，科技乐趣.....</a>
					<div class="reping-t">
						<p class="reping-t-pingjia">来自于 linhai哥哥 的评价</p>
						<a href="#">小米净水器</a> <span class="reping-t-price">1299元</span>
					</div>
				</div>
			</div>
		</div>
		<!-- 内容 -->
		<div class="main-neirong">
			<h2>内容</h2>
			<div class="neirong-content">
				<!-- 图书 -->
				<div class="neirong-box" id="neirong-box1">
					<h3 class="neirong-box-pcolor">图书</h3>
					<div class="neirong-tab" id="neirong-tab1">
						<div class="neirong-tab-card">
							<div class="card-text">
								<p class="card-tit">哈利·波特与魔法石</p>
								<p>哈利波特来了！</p>
							</div>
							<img src="image/card1p1.jpeg">
						</div>
						<div class="neirong-tab-card">
							<div class="card-text">
								<p class="card-tit">特价专区</p>
								<p>精选畅销好书，特价促销，天天更新，天天特价！</p>
								<p class="card-p">限时优惠</p>
							</div>
							<img src="image/card1p2.jpg">
						</div>
						<div class="neirong-tab-card">
							<div class="card-text">
								<p class="card-tit">杂志专区</p>
								<p>纸媒杂志＋互联网杂志，你想看的这都有！</p>
								<p class="card-p">同步新刊上线</p>
							</div>
							<img src="image/card1p3.jpg">
						</div>
						<div class="neirong-tab-card">
							<div class="card-text">
								<p>海量好书，享受精品阅读时光漂亮的中文排版，千万读者选择！</p>
								<a href="#">前往多看阅读</a>
							</div>
							<img src="image/card1p4.jpg">
						</div>

						<ul class="card-list" id="card-list1">
							<li class="liOn"></li>
							<li></li>
							<li></li>
							<li></li>
						</ul>
						<span id="card-left1" class="card-left">&lt</span>
						<span id="card-right1"class="card-right">&gt</span>
					</div>
				</div>
				<!-- MIUI主题 -->
				<div class="neirong-box" id="neirong-box2">
					<h3 class="neirong-box-pcolor">MIUI 主题</h3>
					<div class="neirong-tab" id="neirong-tab2">
						<div class="neirong-tab-card">
							<div class="card-text">
								<p class="card-tit">纸间梦境</p>
								<p>崭新的九月，要有全新的梦，小米主题带你探寻纸间梦境。</p>
								<p class="card-p">免费</p>
							</div>
							<img src="image/card2p1.jpeg">
						</div>
						<div class="neirong-tab-card">
							<div class="card-text">
								<p class="card-tit">新世纪福音战士OL</p>
								<p>EVA手游正版授权，同名主题，高能来袭！</p>
								<p class="card-p">免费</p>
							</div>
							<img src="image/card2p2.jpeg">
						</div>
						<div class="neirong-tab-card">
							<div class="card-text">
								<p class="card-tit">4D黑重力</p>
								<p>酷炫锁屏效果、指纹解锁、动态音效</p>
								<p class="card-p">3米币</p>
							</div>
							<img src="image/card2p3.jpeg">
						</div>
						<div class="neirong-tab-card">
							<div class="card-text">
								<p>众多个性主题、百变锁屏与自由桌面让你的手机与众不同！</p>
								<a href="#">前往MIUI主题市场</a>
							</div>
							<img src="image/card2p4.jpg">
						</div>

						<ul class="card-list" id="card-list2">
							<li class="liOn"></li>
							<li></li>
							<li></li>
							<li></li>
						</ul>
						<span class="card-left " id="card-left2">&lt</span>
						<span class="card-right " id="card-right2">&gt</span>
					</div>
				</div>
				<!-- 游戏 -->
				<div class="neirong-box" id="neirong-box3" >
					<h3 class="neirong-box-pcolor">游戏</h3>
					<div class="neirong-tab" id="neirong-tab3">
						<div class="neirong-tab-card">
							<div class="card-text">
								<p class="card-tit">老九门</p>
								<p>九门恩怨，盗墓笔记前传上线</p>
								<p class="card-p">免费</p>
							</div>
							<img src="image/card3p1.jpeg">
						</div>
						<div class="neirong-tab-card">
							<div class="card-text">
								<p class="card-tit">米柚手游模拟器</p>
								<p>在电脑上玩遍小米所有手游</p>
								<p class="card-p">免费</p>
							</div>
							<img src="image/card3p2.png">
						</div>
						<div class="neirong-tab-card">
							<div class="card-text">
								<p class="card-tit">剑侠情缘</p>
								<p>玩剑侠情缘手游，领666壕礼！！</p>
								<p class="card-p">免费</p>
							</div>
							<img src="image/card3p3.png">
						</div>
						<div class="neirong-tab-card">
							<div class="card-text">
								<p>免费下载海量的手机游戏天天都有现金福利赠送</p>
								<a href="#">前往小米游戏商店</a>
							</div>
							<img src="image/card3p4.jpg">
						</div>

						<ul class="card-list" id="card-list3">
							<li class="liOn"></li>
							<li></li>
							<li></li>
							<li></li>
						</ul>
						<span class="card-left" id="card-left3">&lt</span>
						<span class="card-right" id="card-right3">&gt</span>
					</div>
				</div>
				<!-- 应用 -->
				<div class="neirong-box" id="neirong-box4">
					<h3 class="neirong-box-pcolor">应用</h3>
					<div class="neirong-tab" id="neirong-tab4">
						<div class="neirong-tab-card">
							<div class="card-text">
								<p class="card-tit">2015年度应用</p>
								<p>2015年度应用</p>
								<p class="card-p">免费</p>
							</div>
							<img src="image/card4p1.png">
						</div>
						<div class="neirong-tab-card">
							<div class="card-text">
								<p class="card-tit">2015年度游戏</p>
								<p>2015年度游戏</p>
								<p class="card-p">免费</p>
							</div>
							<img src="image/card4p2.png">
						</div>
						<div class="neirong-tab-card">
							<div class="card-text">
								<p class="card-tit">小米应用</p>
								<p>小米出品 必属精品</p>
								<p class="card-p">免费</p>
							</div>
							<img src="image/card4p3.png">
						</div>
						<div class="neirong-tab-card">
							<div class="card-text">
								<p>帮助小米手机和其他安卓手机用户发现好用的安卓应用</p>
								<a href="#">前往小米应用商店</a>
							</div>
							<img src="image/card4p4.jpg">
						</div>

						<ul class="card-list" id="card-list4">
							<li class="liOn"></li>
							<li></li>
							<li></li>
							<li></li>
						</ul>
						<span class="card-left" id="card-left4">&lt</span>
						<span class="card-right" id="card-right4">&gt</span>
					</div>
				</div>
			</div>
		</div>
		
		<!-- 视频 -->
		<div class="main-shipin">
			<div class="shipin-head">
				<h2>视频</h2>
				<a class="lookmore" href="#">查看全部<span>&gt</span></a>
			</div>
			<div class="shipin-content">
				<div class="shipin-box shipin-firstbox">
					<img src="image/shipin1.jpeg">
					<a href="#">红米年度品牌视频</a>
					<p>一亿人喜爱你，是一种责任</p>
					<span class="box-bf"></span>
				</div>
			</div>
			<div class="shipin-content">
				<div class="shipin-box">
					<img src="image/shipin2.jpeg">
					<a href="#">小米笔记本Air最全介绍视频</a>
					<p>带独立显卡的轻薄笔记本</p>
					<span class="box-bf"></span>
				</div>
			</div>
			<div class="shipin-content">
				<div class="shipin-box">
					<img src="image/shipin3.jpeg">
					<a href="#">小米笔记本Air可靠性测试视频</a>
					<p>小米笔记本Air是如何炼成的？</p>
					<span class="box-bf"></span>
				</div>
			</div>
			<div class="shipin-content">
				<div class="shipin-box">
					<img src="image/shipin4.jpg">
					<a href="#">小米Max 绝美外观视频</a>
					<p>6.44" 大屏黄金尺寸，看什么都震撼</p>
					<span class="box-bf"></span>
				</div>
			</div>
		</div>
	</div>

	<div class="foot">
		<div class="foot-main">
			<div class="foot-head">
				<ul>
					<li><a href="#">1小时快修服务</a></li>
					<li><a href="#">7天无理由退货</a></li>
					<li><a href="#">15天免费换货</a></li>
					<li><a href="#">满150元包邮</a></li>
					<li><a class="lastli" href="">520余家售后网点</a></li>
				</ul>
			</div>
			<div class="foot-content">
				<ul class="content-left">
					<li>帮助中心
						<ul>
							<li><a href="#">账户管理</a></li>
							<li><a href="#">购物指南</a></li>
							<li><a href="#">订单操作</a></li>
						</ul>
					</li>
					<li>服务支持
						<ul>
							<li><a href="#">售后政策</a></li>
							<li><a href="#">自助服务</a></li>
							<li><a href="#">相关下载</a></li>
						</ul>
					</li>
					<li>线下门店
						<ul>
							<li><a href="#">小米之家</a></li>
							<li><a href="#">服务网点</a></li>
							<li><a href="#">零售网点</a></li>
						</ul>
					</li>
					<li>关于小米
						<ul>
							<li><a href="#">了解小米</a></li>
							<li><a href="#">加入小米</a></li>
							<li><a href="#">联系我们</a></li>
						</ul>
					</li>
					<li>关注我们
						<ul>
							<li><a href="#">新浪微博</a></li>
							<li><a href="#">小米部落</a></li>
							<li><a href="#">官方微信</a></li>
						</ul>
					</li>
					<li class="lastli">特色服务
						<ul>
							<li><a href="#">F 码通道</a></li>
							<li><a href="#">小米移动</a></li>
							<li><a href="#">防伪查询</a></li>
						</ul>
					</li>
				</ul>
				<div class="cont-right">
					<p class="cont-righ-tel">400-100-5678</p>
					<p>周一至周日 8:00-18:00 </p>
					<p>（仅收市话费）</p>
					<span>24小时在线客服</span>
				</div>
			</div>
		</div>
	</div>
	<div class="bottom">
		<div class="bottom-main">
			<img class="bottomlogo" src="image/logo.png">
			<ul class="bottom-list">
				<li><a href="">小米商城</a></li>
				<li><a href="">米聊</a></li>
				<li><a href="">多看书城</a></li>
				<li><a href="">小米路由器</a></li>
				<li><a href="">视频电话</a></li>
				<li><a href="">小米后院</a></li>
				<li><a href="">小米天猫店</a></li>
				<li><a href="">小米淘宝直营店</a></li>
				<li><a href="">小米网盟</a></li>
				<li><a href="">问题反馈</a></li>
				<li><a href="">Select Region</a></li>
			</ul>
			<div class="bottom-text">
				<a href="">©mi.com</a>
				<p>京ICP证110507号 京ICP备10046444号</p>
				<a href="">京公网安备11010802020134号</a>
				<a href="">京网文[2014]0059-0009号</a><br>
				<p>违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
			</div>
			<ul class="bottom-pic">
				<li><img src="image/bottom1.png" alt=""></li>
				<li><img src="image/bottom2.png" alt=""></li>
				<li><img src="image/bottom3.png" alt=""></li>
				<li><img src="image/bottom4.png" alt=""></li>
			</ul>
		</div>
	</div>
</body>
</html>

